<ion-header>
	<ion-navbar>
		<ion-title>输入框(inputs)</ion-title>
	</ion-navbar>
</ion-header>
<ion-content>
	<ion-card>
		<ion-card-header>
			固定
		</ion-card-header>
		<ion-card-content>
			<ion-list>
				<ion-item>
					<ion-label fixed>账户</ion-label>
					<ion-input type="text" value=""></ion-input>
				</ion-item>

				<ion-item>
					<ion-label fixed>密码</ion-label>
					<ion-input type="password"></ion-input>
				</ion-item>
			</ion-list>
			<button ion-button color="assertive">提交</button>
			<code>
				
			 </code>
			<br>
			<a class="more" href="https://ionicframework.com/docs/api/components/input/Input/">更多信息</a>
		</ion-card-content>
	</ion-card>
	<ion-card>
		<ion-card-header>
			浮动
		</ion-card-header>
		<ion-card-content>
			<ion-list>
				<ion-item>
					<ion-label floating>账户</ion-label>
					<ion-input type="text" value=""></ion-input>
				</ion-item>

				<ion-item>
					<ion-label floating>密码</ion-label>
					<ion-input type="password"></ion-input>
				</ion-item>
			</ion-list>
			<button ion-button color="primary">提交</button>
			<code>
				
			 </code>
			<br>
			<a class="more" href="https://ionicframework.com/docs/api/components/input/Input/">更多信息</a>
		</ion-card-content>
	</ion-card>
	<ion-card>
		<ion-card-header>
			内联
		</ion-card-header>
		<ion-card-content>
			<ion-list>
				<ion-item>
					<ion-label>账户</ion-label>
					<ion-input type="text" value=""></ion-input>
				</ion-item>

				<ion-item>
					<ion-label>密码</ion-label>
					<ion-input type="password"></ion-input>
				</ion-item>
			</ion-list>
			<button ion-button color="primary">提交</button>
			<code>
				
			 </code>
			<br>
			<a class="more" href="https://ionicframework.com/docs/api/components/input/Input/">更多信息</a>
		</ion-card-content>
	</ion-card>
	<ion-card>
		<ion-card-header>
			嵌入
		</ion-card-header>
		<ion-card-content>
			<ion-list inset>
				<ion-item>
					<ion-label>账户</ion-label>
					<ion-input type="text"></ion-input>
				</ion-item>
				<ion-item>
					<ion-label>密码</ion-label>
					<ion-input type="password"></ion-input>
				</ion-item>
			</ion-list>
			<button ion-button color="primary">提交</button>
			<code> 
			 </code>
			<br>
			<a class="more" href="https://ionicframework.com/docs/api/components/input/Input/">更多信息</a>
		</ion-card-content>
	</ion-card>
	<ion-card>
		<ion-card-header>
			占位符
		</ion-card-header>
		<ion-card-content>
			<ion-list>
				<ion-item>
					<ion-input type="text" placeholder="账户"></ion-input>
				</ion-item>
				<ion-item>
					<ion-input type="password" placeholder="密码"></ion-input>
				</ion-item>
			</ion-list>
			<button ion-button color="primary">提交</button>
			<code> 
			 </code>
			<br>
			<a class="more" href="https://ionicframework.com/docs/api/components/input/Input/">更多信息</a>
		</ion-card-content>
	</ion-card>
	<ion-card>
		<ion-card-header>
			堆积
		</ion-card-header>
		<ion-card-content>
			<ion-list>
				<ion-item>
					<ion-label stacked>账户</ion-label>
					<ion-input type="text"></ion-input>
				</ion-item>

				<ion-item>
					<ion-label stacked>密码</ion-label>
					<ion-input type="password"></ion-input>
				</ion-item>
			</ion-list>
			<button ion-button color="primary">提交</button>
			<code> 
			 </code>
			<br>
			<a class="more" href="https://ionicframework.com/docs/api/components/input/Input/">更多信息</a>
		</ion-card-content>
	</ion-card>
</ion-content>